import React from 'react';

import { Table,Tabs,Input,Button,Row,Col,DatePicker,Form,Popconfirm,notification,message,Icon,Card,Switch,Upload } from 'antd';
const TabPane = Tabs.TabPane;
const InputGroup = Input.Group;
const FormItem = Form.Item;

import QueueAnim from 'rc-queue-anim';
import TweenOne from 'rc-tween-one';

import LeftMenu from '../components/LeftMenu';

import './less/common.less';

class Room extends React.Component{
  constructor(props) {
    super(props);
    this.state = {

    };
  }
  componentDidMount(){
    // this.fetch();
  }

  render(){
    return (
      <TweenOne
        animation={{ opacity: 0, type: 'from' }}
        style={{opacity:1}}
      >
        <TweenOne
          animation={{ left: -224,opacity:0, type: 'from',duration: 1000 }}
          style={{opacity:1}}
          className="leftSilde"
        >
          <LeftMenu {...this.props}/>
        </TweenOne>
        <TweenOne
          animation={{ top:'100%',opacity:0, type: 'from',duration: 1200 }}
          style={{opacity:1,top:0}}
          className="mainContent"
        >
          {this.props.children}
        </TweenOne>
      </TweenOne>
    )
  }
}

export default Room;
